module teapo.app {

  export class TopLayout {

​

    private _drive: persistence.Drive = null;

    private _fileTree: teapo.files.FileTree = null;

    private _docHost: docs.DocHost = null;

​

    mainContentHost = ko.observable<HTMLElement>(null);

    fileTreeHost = ko.observable<HTMLElement>(null);

​

    constructor() {

    }

​

    loadFromDOM() {

      var fileTree = new teapo.files.FileTree(this.fileTreeHost());

​

      var uniqueKey = this._getUniqueKey();

      var domTimestamp = 0;

​

      persistence.mountDrive(

        fileTree,

        uniqueKey,

        domTimestamp,

        <any>teapo.persistence,

        mountedDrive => {

​

          var docHost = new docs.DocHost(this.mainContentHost(), mountedDrive);

          this._fileTree = fileTree;

          this._docHost = docHost;

          this._drive = mountedDrive;

          this._fileTree.selectedFile.subscribe(newSelectedFile => this._docHost.show(newSelectedFile));

​

        });

    }

    addClick() {

      var typedFilename = prompt('Create file:', this._fileTree.selectedFile() || '/' );

      if (!typedFilename)

        return;

      var newFile = files.normalizePath(typedFilename);

      if (this._drive.read(newFile) === null) {

        this._drive.write(newFile, '');

        this._docHost.add(newFile);

      }

      this._fileTree.selectedFile(newFile);

    }

    deleteClick() {

      var removeFile = this._fileTree.selectedFile();

      if (!removeFile)

        return;

      if (!confirm('Remove file\n  ' + removeFile + '  ?'))

              this._drive.write(removeFile, null);

      this._docHost.remove(removeFile);

    }

    private _getUniqueKey() {

      var key = window.location.pathname;

​

      key = key.split('?')[0];

      key = key.split('#')[0];

​

      key = key.toLowerCase();

​

      var ignoreSuffix = '/index.html';

​

      if (key.length > ignoreSuffix.length && key.slice(key.length - ignoreSuffix.length) === ignoreSuffix)

        key = key.slice(0, key.length - ignoreSuffix.length);

​

      return key;

    }

​

  }